<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>审核授课班</title>
    <include file='Layout:ins_css' />
    <style type="text/css">
        #addBtn {
            float: right;
            margin: -7px 6px 9px;
        }
        #setingBtn {
            float: right;
            margin: -7px 6px 9px;
        }
        .setting-col{
            margin: 5px 0 0 5px;
        }

    </style>
</head>
<body>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>审核授课班</h5>
                    <!--<button class="btn btn-info" id="addBtn">添加授课班</button>-->
                </div>
                <div class="row s-row">
                    <div class="col-sm-12">
                        <div class="price-div">
                            <form class="form-horizontal">
                                <div class="form-group cyf-form-group">
                                    <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px">
                                        <label style="float: left; margin-right: 13px;" class="col-sm-4 control-label cvbnm">课程: </label>
                                        <select class="form-control col-sm-" id="course_id" name="course_id" style="min-height: 35px">
                                            <option value="0">全部</option>
                                            <volist name="course_info" id="vo">
                                                <option value="{$vo.id}">{$vo.name}</option>
                                            </volist>
                                        </select>
                                    </div>
                                    <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px">
                                        <label style="float: left" class="col-sm-4 control-label cvbnm">教学方案: </label>
                                        <select class="form-control col-sm-" id="teach_method_id" name="teach_method_id" style="min-height: 35px">
                                            <option value="0">全部</option>
                                            <volist name="teachingmethod_info" id="vo">
                                                <option value="{$vo.id}" pid="{$vo.cou_id}" style="display: none">{$vo.me_name}</option>
                                            </volist>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group cyf-form-group">
                                    <div class="col-sm-1" style="margin-top: 10px; margin-bottom: 10px; float: left">
                                        <a id="checkStuBtn" href="javascript:void(0);" class="btn btn-info">审核通过</a>
                                    </div>

                                    <div class="col-sm-1" style="margin-top: 10px; margin-bottom: 10px; float: left">
                                        <!--<button class="btn btn-success" id="addClassBtn">添加教学班</button>-->
                                        <a id="addClassBtn" href="javascript:void(0);" class="btn btn-danger">审核不通过</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="ibox-content">
                    <table class="table table-striped table-bordered table-hover dataTables-example" id="RuleTable">
                        <thead>
                        <tr>
                            <th width="4%"> <input type="checkbox" id="checkall"></th>
                            <th width="8%">授课班编号</th>
                            <th width="20%">授课班名称</th>
                            <th width="10%">教学方案</th>
                            <th width="10%">起始时间</th>
                            <th width="10%">结束时间</th>
                            <th width="10%">状态</th>
                            <th width="8%">人数</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<include file='Layout:ins_js' />
<script src="__JS__/plugins/layer/laydate/laydate.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        check_index();
        //datatable
        sTable = $("#RuleTable").DataTable({
            "fnServerParams": function (aoData) {
                aoData.push({
                    'name': 'tme_id',
                    'value': $('select#teach_method_id option:selected').val(),
                });
            },
            "order": [[0, "asc"]],
            //              "aaSorting": [
            //                  [0, "asc"]
            //              ],
            "bAutoWidth": false,
            "oLanguage": {
                "sLengthMenu": "每页 _MENU_ ",
                "sProcessing": "处理中...",
                "sZeroRecords": "没有匹配结果",
                "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
                "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
                "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
                "sInfoPostFix": "",
                "sSearch": "搜索:",
                "sUrl": "",
                "sEmptyTable": "表中数据为空",
                "sLoadingRecords": "载入中...",
                "sInfoThousands": ",",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上页",
                    "sNext": "下页",
                    "sLast": "末页"
                },
                "oAria": {
                    "sSortAscending": ": 以升序排列此列",
                    "sSortDescending": ": 以降序排列此列"
                }
            },
            "sAjaxSource": "__URL__/check_teaching_class_ShowDatatables", //调用php后台接口方法地址
            "aoColumns": [{
                "data": null,
                orderable: false,
                render: function(data, type, row, meta){
                    // var dat = {"stu_id":data.stu_id,"tc_id":data.tc_id};
                    var dat = data.stu_id + ',' + data.tc_id;
                    return '<input type="checkbox" name="checkBox" class="checkchild" value=" ' + dat +  '" > ';
                }
            },{
                'data'  : 'tc_id'
            },{
                'data'  : 'tc_name'
            },{
                'data': 'me_name'
            },{
                'data': 'tc_strdate'
            },{
                'data': 'tc_enddate'
            },{
                'data': 'tc_status'
            },{
                'data': 'tc_stunum'
            }]
        });
    });
    //查询
    $('select#course_id').change(function () {
        var p_id = $("#course_id").val();
        $("#teach_method_id option").hide();
        $('#teach_method_id').val('0');
        $('#teach_method_id option[pid=' + p_id + ']').show();
    });
    $("select#teach_method_id").change(function(){
        sTable.ajax.reload();
    });

  


    $('#checkall').on('click',function(){
        var check = $(this).prop("checked");
        // $('.checkchild').prop('checked',check);
        sTable.$('.checkchild').prop('checked',check);
    });
    $("select#teaching_class_id").change(function(){
        //console.log($('select#class_id option:selected').val())
        sTable.ajax.reload();
    });











    function SetDateIntervalFromID(obj){
        $('.wrapper').removeClass('animated');
        $('#SettingeModal').modal();
    }
</script>
</body>
</html>